草庐IT

Foundation 面板

全部标签

javascript - 如何在 Chrome 中以编程方式切换 Zurb Foundation 开关控件?

我想使用javascript动态切换ZurbFoundationSwitch控件的状态。这是默认的ZurbFondation开关:OffOn演示here.它们基于thisproject,我相信。当我尝试使用jquery更改开关的状态时:$('#d1').attr('checked','checked');$('#d').removeAttr('checked');//SwitchON$('#d').attr('checked','checked');$('#d1').removeAttr('checked');//SwitchOFF它在Firefox中有效,但在Chrome中无效。在C

javascript - 只 react 展开和折叠一个面板

需要react方面的帮助...尝试实现带有天气信息的可折叠卡片列表。已经实现了展开和折叠的行为,但是当我点击一个面板时,另一个面板同时打开(我有2个面板,需要7个面板来显示一周中7天的天气)。如何只打开和关闭一个面板?代码:importReact,{Component}from'react';importMomentfrom'react-moment';importRandomGiffrom'./RandomGif.js';consturlForCity=city=>`https://cors-anywhere.herokuapp.com/http://api.openweatherm

javascript - 如何在 jQgrid 中隐藏列但在添加/编辑面板中显示此列

我想要一种我使用的控制形式。但是字段数太高了。如何显示网格,但只有表单添加/编辑弹出面板中的某些字段显示所有字段??? 最佳答案 以下是您可以执行此操作的方法:colModel:[{name:'email',label:'E-mail',editable:true,hidden:true,editrules:{edithidden:true}}E-mail列不会出现在网格中,但会出现在编辑对话框中。BTW实现相反的效果(显示在网格中但不在编辑对话框中):colModel:[{name:'email',label:'E-mail',e

javascript - 如何在 ExtJs 的面板中搜索 child

如何使用子项的id查找面板中是否存在特定的子项(项目)。假设我有一个父面板(id=parentPanel)和几个面板作为这个父面板的项目。现在,我想搜索ID为“childPanel09”的面板是否是父面板的子面板。[可能不使用迭代]注意:我使用的是ExtJs3.4 最佳答案 如果您只想在parentPanel的直接子级中搜索,您可以使用getComponent:varchildPanel=Ext.getCmp('parentPanel').getComponent('childPanel09');if(childPanel){ale

c# - 按钮不适用于更新面板

我在更新面板中放置了一个计时器和一个用于显示倒计时时间的标签。我在更新面板外放置了用于显示下一个问题的下一个按钮。我的问题是按钮点击不适用于更新面板。在不使用更新面板和计时器的情况下,它运行良好。我该如何解决这个问题?我还尝试将整个工具放在更新面板中。它对我没有帮助。这是我的代码: Score:我添加了以下代码。还是不行。你能帮帮我吗....使用更新面板时,单选按钮的选择会自动清除。有什么帮助....?谢谢.... 最佳答案 您的UpdatePanel格式不正确。标记中有一个额外的asp:UpdatePanel标记。改用这

javascript - Zurb Foundation 的样式自动完成

使用Foundation功能而不是jQueryCSS进行自动完成的最佳做法是什么?这是我的代码:http://jsfiddle.net/qhoc/88kfb/FieldsetInputLabel我只是不想在页面上包含另一个.css文件:所以我想我有两个问题:有没有办法使用Foundation或其他东西的dropdown?似乎dropdown仅适用于topbar并且它的css在该特定用例之外搞砸了。在Foundation中创建下拉菜单的“标准”方法是什么?请帮忙举个例子。因为我认为它要么是一堆rows,要么是dropdown的调整 最佳答案

javascript - Google Hangouts 扩展如何创建面板窗口?

Doc说如果你想创建一个面板窗口,你应该使用chrome.windows.create({...,type:"panel"},functioncallback)同时,它表示“指定要创建的浏览器窗口类型。除非设置了‘--enable-panels’标志,否则‘面板’类型会创建一个弹出窗口。”所以你应该去“chrome://flags”手动更改它。但是GoogleHangouts可以在不这样做的情况下创建面板。它是如何做到的? 最佳答案 GoogleHangoutsextension(以前称为“ChatforGoogle”)明确为whi

javascript - 使用 Firefox Add-on SDK 定位面板

我正尝试在使用新SDK将我的面板定位到附加组件中取得一些进展。我看到文档只显示了控制面板位置的一种方法,那就是在您show()时传递一个anchor:show(anchor)Displaysthepanel.[anchor:handle]AhandletoaDOMnodeinapagetowhichthepanelshouldappeartobeanchored.Ifnotgiven,thepaneliscenteredinsidethemostrecentbrowserwindow.Notethatitisnotcurrentlypossibletoanchorpanelsinthi

javascript - Foundation 6 - 控制台警告 : Tried to initialize magellan (any JS plugin) on an element that already has a Foundation plugin

我使用bower安装了Foundation6。每次我使用任何Foundation6-JavaScriptbasedplugin时,我都会在控制台中收到多个warning。确切的警告:TriedtoinitializemagellanonanelementthatalreadyhasaFoundationplugin.我的脚本包括如下所示:$(document).foundation();该警告由foundation.js中180行的以下代码触发://Foreachpluginfound,initializeit$elem.each(function(){var$el=$(this),o

javascript - 在 AngularJS 指令中初始化 Zurb Foundation 5

我创建了三个plunkr来说明我的问题。我正在尝试创建一个AngularJS指令,它将初始化基础并将必要的javascript应用于加载的模板。起初我试图使用ngInclude将Foundation5导航栏添加到我网站的所有页面。当html直接应用于部分时,顶部栏按预期工作。当在指令中添加html时,例如ngInclude,顶部栏将失去其所有功能。我怀疑这是因为在指令添加模板后基础没有得到初始化。作为解决方案,我创建了一个自定义指令来初始化基础并编译html模板。以我的方式初始化基础会卡住应用程序。有人对此有解决方案吗?尝试在不借助AngularUI的情况下实现这一目标。示例1:HTM